<template>
  <div class="singer-introduction">
		<div class="introduction-first">
			<h5>简介</h5>
			<p>
				{{briefDesc}}
			</p>
		</div>
		<div class="introduction-two" v-for="(item,index) in introduction" :key="index">
			<div class="introduction-two-item">
				<h5>{{item.ti}}</h5>
				<p v-for="(item, index) in formatText(item.txt)"
            :key="index">{{item}}</p>
			</div>
		</div>
		
  </div>
</template>
<script>
export default {
  name:'SingerIntroduction',
  props:['briefDesc','introduction'],
  data(){
    return{
    
    }
  },
  created(){
	  // console.log(this.subscribersList)
  },
  methods:{
     /**格式化文本 */
     formatText(text) {
       let newText = text.split("\n");
       return newText;
     },
  },
  filters:{
	
  }
}
</script>

<style lang="less" scoped>
	.singer-introduction{
		font-size: 14px;
		line-height:2;
		
		h5{
			line-height: 3;
		}
		p {
			text-indent:24px
		}
	}
</style>
